<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!doctype html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="applicable-device" content="pc">
		<meta name="MobileOptimized" content="width">
		<meta name="HandheldFriendly" content="true">
		<title>心理咨询网</title>
		<meta name="keywords" content="心理咨询,心理网,525心理网,心理服务,心理咨询师">
		<meta name="description" content="心理网,您身边的心理咨询专家，提供专业的心理咨询服务，是来访者、心理咨询师、心理机构首选的在线心理咨询平台，十四年老品牌值得信赖，百万用户的选择！">
		<link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon">
		<link rel="Bookmark" href="../images/favicon.ico" type="image/x-icon">
		<link rel="stylesheet" href="../css/css.css">
		<link rel="stylesheet" href="../css/home20171017.css?v=298126">
		<link rel="stylesheet" href="../css/citydr.css?v=298126">
		<script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/axios-0.19.2/axios.min.js" type="text/javascript" charset="utf-8"></script>
		<style>
			.user-name-span{
				float: left;
				padding-left: 8px;
				display: block;
				cursor: pointer;
				font-size: 16px;
				ont-weight: 800;
				font-family: monospace;
			}
			.user-a-before-span{
				float: right;
				margin-left: 10px;
				margin-top: 11px;
				color: #4C4C4C;
				display: block;
				width: 110px;
				height: 33px;
				line-height: 33px;
				padding-left: 15px;
				/*background: #E1E1E1;*/
			/* border-radius: 100px;
			}
</style>
	</head>
	<body style="">
		<div class="bg bar">
			<div class="wrap">
				<ul id="mge">
				</ul>
				<div class="topright">
					<c:if test="${!empty userVO}">
						<a href="javascript:void(0);" class="user-a-before-span">
							<span class="user-name-span">${userVO.userName}</span>
						</a>
					</c:if>
					<c:if test="${empty userVO}">
						<a href="/login/login.html" target="_self" class="bg lr">
							<i class="bg login"></i>
							<span>登录 / 注册</span><br class="clear">
						</a>
					</c:if>

					<form id="soform" action="#" method="get">
					</form>
				</div><br class="clear">
				<div id="showmsg" style="display: none;">
					<div><em><i class="bg"></i></em>
						<ul id="showmsglist">
							<li></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div id="headeline"></div>
		<div id="navlist" class="full">
			<div class="wrap">
				<ul class="m">
					<li><a href="/index.html">首页</a></li>
					<li><a href="/expert/expert_list.html">找专家</a></li>
				</ul>
				<ul class="m">
					<li><a href="/expert_article/article_list.html">文章</a></li>
					<li><a href="/evaluate/evaluation_list.html">测评</a></li>
				</ul>
				<ul class="m">
					<li><a href="/ask/ask_list.html">问答</a></li>
				</ul>
			</div>
		</div>
		<div class="full bg5">
			<div class="wrap">
				<ul id="menu">
					<li class="item"><a href="/ask/ask_list.html">问答</a></li>
					<li class="item"><a href="/expert/expert_list.html">找专家</a></li>
					<li class="item"><a href="/evaluate/evaluation_list.html">测评</a></li>
					<li class="item"><a href="/expert_article/article_list.html" target="_self">文章</a></li>
					<li class="item"><a href="/index.html" class="on">首页</a></li>
				</ul><br class="clear">
			</div>
		</div>
		<p class="pd"></p>
		<div class="ibox ibg">
			<div class="il">
				<div id="ad3">
					<ul style="left: 0px; width: 683px;">
						<li><a href="javascript:void(0);"><img src="../images/yx_img.png" alt=""></a></li>
					</ul>
					<div class="btn"><span style="opacity: 1;"></span></div>
				</div>
			</div>
			<div class="ir">
				<p id="stat-core">28940&nbsp;名心理专家汇聚这里<br>
					<em>帮您解答心理困惑</em><br>
					<span>已解答<i>10074178</i>个在线心理问题</span>
				</p>
				<ul id="stat-icon">
					<li><label><em class="icon a"></em><span>资质认证<br>专业实力</span></label><i class="icon"></i></li>
					<li><label><em class="icon b"></em><span>十四年专注<br>用心服务</span></label><i class="icon"></i></li>
					<li><label><em class="icon c"></em><span>严格审核<br>实名认证</span></label></li>
				</ul>
			</div><br class="clear">
		</div>
		<p class="pd"></p>
		<div class="ibox ig" id="expert">
			<div class="il">
				<p class="itit">
					<a href="/adv/" class="tit">专家推荐</a>
				</p>
				<ul id="dr-list">
					<expert-item v-for="item in expertList" v-bind:item="item" v-bind:key="item.pkExpert"></expert-item>
				</ul>
			</div>
			<div class="ir">
				<p class="itit-r"><b class="tit">咨询评价</b></p>
				<ul id="dp-list">
					<evaluate-item v-for="item in evaluateList" v-bind:item="item" v-bind:key="item.pkExpertEvaluate"></evaluate-item>
				</ul>
			</div>
			<br class="clear"><br><br>
		</div>
		<p class="pd"></p>
		<div class="ibox ig" id="article">
			<p class="itit hot-pd"><a href="/art/index.html" class="tit" target="_blank">心理文章</a></p>
			<ul class="artlist" id="arttype_0">
				<article-item v-for="item in articleList" v-bind:item="item" v-bind:key="item.id"></article-item>
			</ul>
		</div>
		<p class="pd"></p>

		<div class="ibox ig" id="evaluation">
			<p class="itit hot-pd"><a href="/ceshi/index.html" class="tit" target="_blank">专业测评</a></p>
			<ul class="cslist">
				<evaluation-item v-for="item in evaluationList" v-bind:item="item" v-bind:key="item.id"></evaluation-item>
			</ul>
		</div>
		<p class="pd"></p>

		<div class="ibox ig" id="askhelp">
			<div class="il">
				<p class="itit hot-pd"><a href="/free/index.html" class="tit" target="_blank">问答求助</a></p>
				<ul id="clistpublic">
					<askhelp-item v-for="item in askhelpList" v-bind:item="item" v-bind:key="item.id"></askhelp-item>
				</ul>
			</div>
			<div class="ir hot-pd"><br>
				<div class="ir" id="icitydr">
					<p class="h-tit-r"><a href="javascript:void(0);" class="tit">厦门心理专家</a><br class="clear"></p>
					<ul id="citydr-list">
						<li><a href="javascript:void(0);"><img src="https://img.psy525.cn/upload/avatar/20181002/a944040ad6224ae9bc2dba73d690b09e.jpg!200"
								 alt="夏芳"><em><b>夏芳</b><br>厦门市&nbsp;思明区<br>擅长:人格障碍,人际关系,婚...</em><br class="clear"></a></li>
						<li><a href="javascript:void(0);"><img src="https://img.psy525.cn/upload/avatar/20200814/d86a17b3aa3b4717bc89cf192c5cb2f4.jpg!200"
								 alt="苏锦芳"><em><b>苏锦芳</b><br>厦门市&nbsp;湖里区<br></em><br class="clear"></a></li>
						<li><a href="javascript:void(0);"><img src="https://img.psy525.cn/upload/avatar/20190424/8a27c43668ca421daa6748c4c18fe913.jpg!200"
								 alt="庄蕾"><em><b>庄蕾</b><br>厦门市&nbsp;思明区<br>擅长:人际关系,情绪调节,恋...</em><br class="clear"></a></li>
						<li><a href="javascript:void(0);"><img src="https://img.psy525.cn/upload/avatar/20200514/911a707258e04b99b6dd0413f0d929db.jpg!200"
								 alt="张杰"><em><b>张杰</b><br>厦门市&nbsp;翔安区<br></em><br class="clear"></a></li>
						<li><a href="javascript:void(0);"><img src="https://img.psy525.cn/upload/avatar/20180829/6faa192243e74fd6832f534404c69c2e.jpg!200"
								 alt="彭忠林"><em><b>彭忠林</b><br>厦门市&nbsp;同安区<br></em><br class="clear"></a></li>
					</ul>
				</div>
			</div><br class="clear"><br>
		</div>
		<p class="pd"></p>

		<script src="../js/push.js"></script>
		<script src="../js/js.js"></script>
		<script src="../js/exptg.js"></script>
		<div id="ask-box">
			<p><a href="javascript:void(0);" class="close">X</a><a href="/ask/ask.html" class="tit" target="_blank"><i>向心理专家咨询</i>帮您解答心理困惑</a><a
				 href="/ask/ask.html" target="_blank" class="ask-box-btn">点击咨询</a></p>
			<p id="dr-list-mobile">
				<span>
					<b>电话咨询</b>
					(厦门市)
				</span>
				<a href="/ask/ask.html" class="dh" target="_blank"><b>13616006506</b>夏芳</a><a
				 href="/ask/ask.html" class="dh" target="_blank"><b>15759230016</b>苏锦芳</a><br>
				 <em class="regdrapply_global"><a href="javascript:void(0);">专家入驻
						&gt;</a></em></p>
		</div>
		<div id="ask-box-close" style="display: block;"><a href="javascript:_void(0);" title="点击展开">向心理专家咨询←</a></div>
		<div class="pagefoot footbd"><br>
			<div class="wrap">
				<ul>
					<li style="text-align:center;line-height:1.8em;font-size:1.1em;margin-bottom:1em;color:#737373"><b>— 525心理网郑重提醒 —</b><br>私下交易有风险，付费咨询请使用“预约咨询”，平台担保，支持退款安全有保障！<br><br></li>
				</ul><br class="clear">
			</div>
		</div>
		<script>
			var _hmt = _hmt || [];
			(function() {
				var hm = document.createElement("script");
				hm.src = "//hm.baidu.com/hm.js?b3ea7cb5fe6857009cefe3f31cc7329a";
				var s = document.getElementsByTagName("script")[0];
				s.parentNode.insertBefore(hm, s);
				var bp = document.createElement('script');
				var curProtocol = window.location.protocol.split(':')[0];
				if (curProtocol === 'https') {
					bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
				} else {
					bp.src = 'http://push.zhanzhang.baidu.com/push.js';
				}
				var s = document.getElementsByTagName('script')[0];
				s.parentNode.insertBefore(bp, s);
				
			})();
			Vue.component('expert-item', {
				props: ['item'],
				template: '<li><a href="javascript:void(0);" @click="turnToDetail" v-bind:id="item.pkExpert" ><img v-bind:src="item.pic" v-bind:alt="item.expertName" ref="item.id"><br>{{item.expertName}}</a></li>',
				methods:{
					turnToDetail:function(obj){
						var thisa = obj.currentTarget;
						var pk_expert = $(thisa).attr('id');
						window.location.href = "/expert/expertDetail.html?pk_expert="+pk_expert;
					}
				}
				
			})
			Vue.component('evaluate-item', {
				props: ['item'],
				template: '<li><span><a href="javascript:void(0);">{{item.evaluateUser}}</a>评价了<a href="javascript:void(0);" >{{item.beEvaluateExpert}}</a>咨询师</span><i class="icon"></i><a href="javascript:void(0);" class="txt" title="点击查看"><b>语音咨询：</b><em class="star"><em class="level5"></em></em><br class="clear">{{item.evaluateContent}}</a></li>'
			})
			Vue.component('article-item', {
				props: ['item'],
				template: '<li class="item" v-bind:pk="item.id" @click="articleDetail(msg,$event)"><a href="javascript:void(0);" class="coverImg"><img v-bind:src="item.pic" v-bind:alt="item.title"></a><ul><li class="tit"><a href="javascript:void(0);" >{{item.title}}</a></li><li class="des"><i>525心理网</i><i>阅读{{item.readtime}}</i></li></ul><br class="clear"></li>',
				methods:{
					articleDetail:function(msg,event){
						var pkExpertArticle = $(event.currentTarget).attr('pk');
						window.location.href = "/expert_article/artileDetail.html?pkExpertArticle="+pkExpertArticle;
					}
				}
			})
			Vue.component('evaluation-item', {
				props: ['item'],
				template: '<li class="item" v-bind:pk="item.id" @click="goToEvalution(msg,$event)"><a href="javascript:void(0);" ><img v-bind:src="item.pic" v-bind:alt="item.title"><span><b>{{item.title}}</b><i class="remark"><em class="pay">{{item.type}}</em><em class="re">{{item.testtime}}人测过</em><br class="clear"></i></span></a></li>',
				methods:{
					goToEvalution:function(msg,event){
						var pageName = $(event.currentTarget).attr('pk');
						window.location.href = "/index/evaluation.html?pageName="+pageName;
					}
				}
			})
			Vue.component('askhelp-item', {
				props: ['item'],
				template: '<li><span><a href="javascript:void(0);" class="tit">{{item.title}}</a><i>{{item.time}}</i><br class="clear"></span><em>已获<b>{{item.expertNum}}</b>位专家解答</em></li>'
			})
			//专家
			var expert = new Vue({
				el: '#expert',
				data: {
					expertList: [{
							pkExpert: '1',
							expertName: '王寒',
							pic: '../images/head_pic/wanghan.jpg'
						},
						{
							pkExpert: '2',
							expertName: '王秀芝',
							pic: '../images/head_pic/wangxiuzhi.jpg'
						},
						{
							pkExpert: '3',
							expertName: '王春f凤',
							pic: '../images/head_pic/wangchunfeng.jpg'
						},
						{
							pkExpert: '4',
							expertName: '杨晓英',
							pic: '../images/head_pic/yangxiaoying.jpg'
						},
						{
							pkExpert: '5',
							expertName: '王灿',
							pic: '../images/head_pic/wangchan.jpg'
						},
						{
							pkExpert: '6',
							expertName: '张振清',
							pic: '../images/head_pic/zhangzhenqing.jpg'
						},
						{
							pkExpert: '7',
							expertName: '龙慧兰',
							pic: '../images/head_pic/longhuilan.jpg'
						},
						{
							pkExpert: '8',
							expertName: '罗卫国',
							pic: '../images/head_pic/luoweiguo.jpg'
						},
						{
							pkExpert: '9',
							expertName: '朱红宇',
							pic: '../images/head_pic/zhuhongyu.jpg'
						},
						{
							pkExpert: '10',
							expertName: '张兰欣',
							pic: '../images/head_pic/zhanglanxin.jpg'
						},
						{
							pkExpert: '11',
							expertName: '陈素娟',
							pic: '../images/head_pic/chensujuan.jpg'
						},
						{
							pkExpert: '12',
							expertName: '丁建蓉',
							pic: '../images/head_pic/dingjianrong.jpg'
						},
						{
							pkExpert: '13',
							expertName: '张青',
							pic: '../images/head_pic/zhangqing.jpg'
						},
						{
							pkExpert: '14',
							expertName: '严勤奋111',
							pic: '../images/head_pic/yanqinfen.jpg'
						}
					],
					evaluateList: [{
							pkExpertEvaluate: '4',
							isDel: 0,
							evaluateUser: 'u***9',
							evaluateType: '视频咨询',
							evaluateScore: 5,
							beEvaluateExpert: '王寒',
							evaluateContent: '非常感谢王寒老师，给我这个深夜恼怒无助的妈妈带来了一线希望，原本以为自己在教育孩子方面还是很有见地的，但是没想到还是遭遇了孩子厌学网瘾的滑铁卢，孩子的问题很大程度来自家长的影响，这一点我很清楚，但是却无力去改变，王寒老师深入浅出的一番分析指点，瞬间就让我明白了我们家的问题出在哪，孩子的问题好像突然也变得简单了许多，再一次感谢王寒老师！'
						},
						{
							pkExpertEvaluate: '5',
							isDel: 0,
							evaluateUser: 'u***9',
							evaluateType: '视频咨询',
							evaluateScore: 5,
							beEvaluateExpert: '王寒',
							evaluateContent: '孩子说很好。'
						},
						{
							pkExpertEvaluate: '6',
							isDel: 0,
							evaluateUser: 'u***9',
							evaluateType: '视频咨询',
							evaluateScore: 5,
							beEvaluateExpert: '王寒',
							evaluateContent: '感谢老师给的建议666！'
						},
					]
				},
				methods: {
					initExpert: function() {
						var that = this;
						axios({
							method: 'get',
							url: 'expert/getTopExpert.json'
						}).then(function(res) {
							var dlist = res.data.data;
							that.expertList = dlist;
						})
					},
					initEvaluate:function() {
						var that = this;
						axios({
							method: 'get',
							url: 'evaluate/getTopEvaluate.json',
							async: true
						}).then(function(res) {
							var elist = res.data.data;
							that.evaluateList = elist;
						})
					}
				},
				created: function() {
					this.initExpert();
					this.initEvaluate();
				}
			})
			//文章
			var articleApp = new Vue({
				el: '#article',
				data: {
					articleList: [{
							id: '20f1d052cf494c45a474d21667ee7a9b',
							title: '父母需要控制的不是孩子，而是自己那颗放不下的心',
							source: '525心理网',
							readtime: 178,
							pic: '../images/article/20f1d052cf494c45a474d21667ee7a9b.jpg'
						},
						{
							id: '6a031bff786d4ec1bdad67ec40b635c6',
							title: '阿德勒：“出生顺序”将影响你的性格！',
							source: '525心理网',
							readtime: 899,
							pic: '../images/article/6a031bff786d4ec1bdad67ec40b635c6.jpg'
						},
						{
							id: 'c36318e7e96e459b8ca15003f7c010dc',
							title: '10种家庭关系种类与子女心理疾病的关系',
							source: '525心理网',
							readtime: 197,
							pic: '../images/article/c36318e7e96e459b8ca15003f7c010dc.jpg'
						},
						{
							id: 'd4a656b811514c069482c8e0f30894a7',
							title: '6个常见的心理咨询伦理问题',
							source: '525心理网',
							readtime: 327,
							pic: '../images/article/d4a656b811514c069482c8e0f30894a7.jpg'
						},
						{
							id: '4f4a9868cb2b4f68aefef56b64b33259',
							title: '同学会：放平和心 谨防心理落差',
							source: '525心理网',
							readtime: 348,
							pic: '../images/article/4f4a9868cb2b4f68aefef56b64b33259.jpg'
						},
						{
							id: 'bca03b2ea1bd4708bd52c95bd5162c7f',
							title: '偷窥=变态？心理专家解读偷窥者的内心世界',
							source: '525心理网',
							readtime: 348,
							pic: '../images/article/bca03b2ea1bd4708bd52c95bd5162c7f.jpg'
						}
					]
				},
				methods:{

				}
			})
			//测评
			var evaluationApp = new Vue({
				el: '#evaluation',
				data: {
					evaluationList: [{
							id: 'yiyuzheng',
							title: '抑郁症测试专业量表(SDS)',
							type: '免费体验',
							testtime: 866478,
							pic: '../images/evaluation/57196a67a1714ff7ac9dea9960494330.jpg'
						},
						{
							id: 'zonghe',
							title: '综合心理健康测评(SCL-90)',
							type: '免费体验',
							testtime: 779167,
							pic: '../images/evaluation/ezd0k1n8154c7jlbj7dmpmf64wh5hxq9.jpg'
						},
						{
							id: 'eq',
							title: '国际标准情商-EQ测试',
							type: '免费体验',
							testtime: 245559,
							pic: '../images/evaluation/d1fd1c30eebb4e5fbf9de74a97e0b0ed.jpg'
						},
						{
							id: 'qinmi',
							title: '成人依恋量表-亲密关系经历量表ECR',
							type: '免费体验',
							testtime: 197650,
							pic: '../images/evaluation/e442497954374b658de9d9031b516368.jpg'
						},
						{
							id: 'jiaolv',
							title: '焦虑症测试-专业焦虑自测量表SAS',
							type: '免费体验',
							testtime: 109319,
							pic: '../images/evaluation/1vblvrtt5zfi4ws3j0h3x95btt9rd2pn.jpg'
						},
						{
							id: 'zhili',
							title: '瑞文标准智力测验(SPM)',
							type: '免费体验',
							testtime: 346581,
							pic: '../images/evaluation/46u21kkghf1fty3ojw4vmc8vx81qmd7s.jpg'
						}
					]
				}
			})
			//问答求助
			var askhelpApp = new Vue({
				el: '#askhelp',
				data: {
					askhelpList: [{
							id: '1',
							title: '我儿子今年14岁，昨天突然看见他手淫',
							expertNum: 21,
							time: '1分钟前'
						},
						{
							id: '2',
							title: '没有父母我真的会很惨吗？',
							expertNum: 21,
							time: '15分钟前'
						},
						{
							id: '3',
							title: '过度害怕，如何缓解',
							expertNum: 10,
							time: '17分钟前'
						},
						{
							id: '4',
							title: '觉得自己抑郁了总是想死',
							expertNum: 9,
							time: '19分钟前'
						},
						{
							id: '5',
							title: '严重抑郁症',
							expertNum: 8,
							time: '31分钟前'
						},
						{
							id: '6',
							title: '合理期间游戏瘾',
							expertNum: 31,
							time: '57分钟前'
						}
					]
				}
			})
		</script>
		<div class="backToTop" style=""><a href="javascript:void(0);" class="bg"></a></div>
	</body>
</html>
